.yg-cart {
  background-color: white;

  .yg-cart-nav {
    .cart-content-nav {
      background-color: var(--themeColor);
      color: white;
    }
  }

  .yg-cart-content {
    .cart-content-list {
      .content-list-item {
        height: 2.666667rem;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ddd;

        .list-item-left {
          display: flex;
          justify-content: center;
          align-items: center;
          flex: 1;

          .iconfont.icon-yuanquan {}
        }

        .list-item-mid {
          flex: 2;
          display: flex;
          align-items: center;
          justify-content: center;

          img {
            height: 2.4rem;
            width: 2.4rem;
          }
        }

        .list-item-right {
          flex: 4;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          height: 2.666667rem;

          .right-top {
            .right-top-title {
              display: -webkit-box;
              overflow: hidden;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical
            }
          }

          .right-bottom {
            display: flex;
            justify-content: space-between;

            .right-bottom-left {
              color: var(--themeColor);
            }

            .right-bottom-right {
              height: 0.8rem;
              display: flex;
              align-items: center;

              .iconfont.icon-iconjian {
                margin-right: 0.266667rem;
              }

              span.num {
                margin-right: 0.266667rem;
              }

              .iconfont.icon-jia {
                margin-right: 0.266667rem;
              }
            }
          }
        }
      }
    }

    .cart-content-borttom {
      position: fixed;
      bottom: 1.333333rem;
      width: 100%;
      height: 1.333333rem;
      align-items: center;
      background-color: white;
      display: flex;

      .all-checked {
        flex: 1;
        display: flex;
        align-items: center;

        .iconfont.icon-yuanquan {}

        .allChecked {
          margin-left: 0.133333rem;
          color: #b6b3a6;
          font-size: 0.32rem;
        }
      }

      .totalPrice {
        flex: 2;

        .oSum {
          font-size: 0.373333rem;
        }

        .oPrice {
          color: var(--themeColor);
          font-size: 0.373333rem;
        }
      }

      .pay {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;

        .oPay {
          margin-right: 0.266667rem;
          width: 2.666667rem;
          height: 0.8rem;
          color: white;
          border-radius: 0.533333rem;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: var(--themeColor);
        }
      }
    }
  }

  .yg-cart-empty {
    img.cart-empty-img {
      width: 100%;
    }

    h3.empty-text {
      text-align: center;
      font-size: 0.8rem;

      a {
        color: var(--themeColor);
      }
    }
  }
}